$useResponse: false;		//是否使用响应式样式
$useResponseWidth: true;	//响应式样式开启后，是否使用宽度媒体查询
$useEmSpace: true;		//是否使用字符型间距（建议非响应式时使用）

//响应式设置
$vi-response-base: md;	//选择fontSize的对应变量作为页面基础字号
$vi-response-min: 12px;	//最小字体（H5浏览器通常设有字体显示下限，请根据目标浏览器设置）
$vi-response-xs: -4px;	//这里表示当页面为xs时，fontSize各尺寸预定变量减去4px
$vi-response-sm: -2px;
$vi-response-md: 0;
$vi-response-lg: 2px;

//导航条高度，参与窗体计算 
$vi-hight-navbar: if($useResponse, 3em, 90rpx);		//头部导航条
$vi-hight-footbar: if($useResponse, 3em, 90rpx);	//底部按钮条

//行为相关颜色（主色）
$vi-color-default: #f2f2f2;
$vi-color-primary: #1E9FFF;	//主色，激活色
$vi-color-second: #009688;
$vi-color-third: #393D49;
$vi-color-fourth: #FFB800;
$vi-color-fifth: #FF5722;
$vi-color-success: #42c358;
$vi-color-info:	#4cb7e1;
$vi-color-warning: #f0ad4e;
$vi-color-error: #e64340;
$vi-color-grey: #ccc;
$vi-color-disable: #ccc;	//用于组件主题色禁用部分
$vi-color-price: #FA4F3E;

//背景颜色
$vi-bgColor-default: #fff;		//页面背景全局默认色
$vi-bgColor-contrast: #f2f2f2;	//页面板块对比色，通常为页面灰底
$vi-bgColor-panel: #fff;		//板块背景主色
$vi-bgColor-hover: #f1f1f1;		//板块点击状态颜色
$vi-bgColor-mask: rgba(0, 0, 0, 0.4);	//遮罩颜色
	//行为相关颜色（底色）
$vi-bgColor-primary: #edf7ff;
$vi-bgColor-success: #dff0d8;
$vi-bgColor-info: #d9edf7;
$vi-bgColor-warning: #fcf8e3;
$vi-bgColor-error: #f2dede;
$vi-bgColor-disable: #c0c0c0;

//文字颜色
$vi-txtColor-default: #333;	//基本色
$vi-txtColor-light: #666;	//基本色，浅
$vi-txtColor-deep: #000;	//基本色，深
$vi-txtColor-tips: #999;	//辅助灰色，如加载更多的提示信息
$vi-txtColor-placeholder: $vi-txtColor-tips;	//占位提示信息
$vi-txtColor-disable: #c0c0c0;	//用于文本框禁用部分
$vi-txtColor-inverse: #fff;		//反色
$vi-txtColor-link: #5280D6;

//边框颜色
$vi-borColor-default: #ccc;		//默认边框，表格、分隔符等
$vi-borColor-light: #e5e5e5;	//浅色分隔线
$vi-borColor-focus: #bbb;
$vi-borColor-blur : #eee;

//文字尺寸
$vi-fontSize-xs: if($useResponse, 12px, 20rpx);		//375-10px
$vi-fontSize-sm: if($useResponse, 14px, 24rpx);		//375-12px
$vi-fontSize-md: if($useResponse, 16px, 28rpx);		//375-14px
$vi-fontSize-lg: if($useResponse, 18px, 32rpx);		//375-16px
$vi-fontSize-xl: if($useResponse, 20px, 36rpx);		//375-18px
$vi-fontSize-ex1: if($useResponse, 24px, 40rpx);	//375-20px
$vi-fontSize-ex2: if($useResponse, 28px, 44rpx);	//375-22px
$vi-fontSize-ex3: if($useResponse, 32px, 52rpx);	//375-26px

//图片尺寸
$vi-imgSize-ico: 1.2em;
$vi-imgSize-xs: if($useResponse, 2em, 30rpx);
$vi-imgSize-sm: if($useResponse, 2.5em, 40rpx);
$vi-imgSize-md: if($useResponse, 3.75em, 60rpx);
$vi-imgSize-lg: if($useResponse, 5em, 80rpx);

//圆角
$vi-radius-xs: if($useResponse, .15em, 6rpx);	//375-3px
$vi-radius-sm: if($useResponse, .25em, 10rpx);	//375-5px
$vi-radius-md: if($useResponse, .5em, 20rpx);	//375-10px
$vi-radius-lg: if($useResponse, 1em, 30rpx);	//375-15px
$vi-radius-xl: if($useResponse, 1.5em, 40rpx);	//375-20px

//间距
$vi-space-xs: if($useResponse, .25em, 6rpx);	//375-3px
$vi-space-sm: if($useResponse, .5em, 10rpx);	//375-5px
$vi-space-md: if($useResponse, 1em, 20rpx);		//375-10px
$vi-space-lg: if($useResponse, 1.5em, 30rpx);	//375-15px
$vi-space-xl: if($useResponse, 2em, 40rpx);		//375-20px

//透明度
$vi-opacity-hover: 0.8;		//按钮点击状态的透明度
$vi-opacity-disabled: 0.3;	//禁用态的透明度